<?php /*a:1:{s:70:"D:\phpstudy_pro\help\application\home\view\voluntary\Withoutclass.html";i:1625480032;}*/ ?>

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="favicon.ico"> <link href="/static/home/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/static/home/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="/static/home/css/animate.min.css" rel="stylesheet">
    <link href="/static/home/css/style.min.css?v=4.1.0" rel="stylesheet">

</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-6">
            <div class="ibox float-e-margins" id="table">
                <div class="ibox-title">
                    <h5>无课人员列表</h5>
                </div>
                <div class="ibox-content">

                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th>姓名</th>
                            <th>用户名</th>
                            <th>QQ</th>
                            <th>电话</th>
                            <th>性别</th>
                            <th>职位</th>
                            <th>部门</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="stu in StuData">
                            <td>{{stu.name}}</td>
                            <td>{{stu.username}}</td>
                            <td>{{stu.qq}}</td>
                            <td>{{stu.phone}}</td>
                            <td>{{stu.sex}}</td>
                            <td>{{stu.auth}}</td>
                            <td>{{stu.department}}</td>
                        </tr>
                        </tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>
</div>
<script src="/static/home/js/vue.js"></script>
<script src="/static/home/js/vue-resource.js"></script>
<script src="/static/home/js/layui/layui.all.js"></script>
<script>
    function getQueryVariable(variable)
    {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i=0;i<vars.length;i++) {
            var pair = vars[i].split("=");
            if(pair[0] === variable){return pair[1];}
        }
        return false;
    }
    var table=new Vue({
        el:"#table",
        data:{
            week:getQueryVariable('week'),
            weekDay:getQueryVariable('weekDay'),
            class:getQueryVariable('class'),
            year:getQueryVariable('year'),
            term:getQueryVariable('term'),
            StuData:{}
        },
        created:function () {
            this.$http.post('WithoutClassJson',{
                week:this.week,
                weekDay:this.weekDay,
                class:this.class,
                year:this.year,
                term:this.term
            }).then(
                (data)=>
                {
                    this.StuData=data.body;
                },
                (err)=>
                {
                    console.log(err);
                }
            )
        }
    })
</script>
</body>

</html>
